<!DOCTYPE html>
<!--suppress ALL-->
<html xmlns:th="http://www.thymeleaf.org">
<!-- saved from url=(0024)http://www.hasbei.com/zx -->
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--<base target="_blank">-->
    <base href="." target="_blank">
    <title>有贝口腔网-互联网综合口腔服务网站</title>
    <meta name="keywords" content="有贝口腔网,口腔网,口腔知识,口腔资讯,口腔问答,口腔诊所,口腔厂家,在线看牙">
    <meta name="description" content="有贝口腔网是一家专注互联网口腔服务网站，为用户提供腔知识,口腔资讯,口腔问答,口腔诊所,诊所入住,口腔厂家,厂家入住,在线看牙等综合服务口腔网站">
    <link rel="stylesheet" href="/css/swiper.min.css">
    <link rel="stylesheet" href="/css/reset.css">
    <link rel="stylesheet" href="/css/commone.css">
    <link rel="stylesheet" href="/css/commtwo.css">
    <link rel="stylesheet" href="/css/commthree.css">
    <link rel="stylesheet" media="screen and (min-width:481px)" href="/css/zxindex.css">
    <link rel="stylesheet" media="screen and (max-width:480px)" href="/css/zxindex(1).css">


    <script src="/js/hm.js"></script>
    <script type="text/javascript">
        var basePath = "/";
    </script>
    <script src="/js/common.js"></script>
    <script src="/js/jquery-3.5.1.min.js"></script>
    <script src="/js/footfixed.js"></script>

    <script src="/js/right-lub.js"></script>
    <script src="/js/index(1).js"></script>
    <script src="/js/swiper.min.js"></script>
    <script src="/js/layer.js"></script>
    <link rel="stylesheet" href="/css/layer(1).css" id="layuicss-layer">
</head>
<body>
<div class="content">

    <div class="content-top">

        <div th:replace="./common/hasbei_top"></div>

    </div>


    <div class="content-main">
        <div class="main-tab">
            <div class="max-width">
                <ul class="main-tab-ul">
                    <script type="text/javascript">
                        var tabType = 10;
                        var page = 1;

                        function zxClickType(_this,type) {
                            page = 1;
                            tabType=type;

                            $(".main-tab-ul li").removeClass("main-tab-active");
                            $(_this).addClass("main-tab-active");


                            $(".load-more").show();
                            $(".load-more-two").hide();
                            $(".no-data").hide();

                            //    10 推荐 15 热榜 30 最新

                            $.post("/zxSeek?type="+tabType+"&page="+page+"&limit=10",function(data){
                                $(".load-more").hide();
                                //如果没有数据了就隐藏
                                if(data.code==301 || data.code == null){
                                    $(".no-data").show();
                                }else{
                                    $(".load-more-two").show();
                                    $("#myContentList").html(data.data);
                                }
                            });
                        }
                    </script>
                    <li onclick="zxClickType(this,10)" class="main-tab-active"><a href="javascript:;" target="_self">今日推荐</a></li>
                    <li onclick="zxClickType(this,15)"><a href="javascript:;" target="_self">热门</a></li>
                    <li onclick="zxClickType(this,20)"><a href="javascript:;" target="_self">最新</a></li>

                </ul>


            </div>
        </div>

        <div class="man-info">
            <!--left 牙齿分类-->
            <div th:replace="common/hasbei_left"></div>

            <div class="main-tab-center">

                <div class="main-info-list" style="margin-top:0px;">
                    <div id="myContentList">

                        <div class="list-item" th:each="essayt:${zxAppEssayTList}">

                            <div class="list-item-left">
                                <a th:href="${'/consult_solo/'+essayt.getEssayId()}">
                                    <img th:src="${essayt.getImgPath()}" alt="有贝口腔网">
                                </a>
                            </div>
                            <div class="list-item-right">
                                <div class="list-item-title">
                                    <a th:href="${'/consult_solo/'+essayt.getEssayId()}" th:text="${essayt.getEssayTitle()}"></a>
                                </div>
                                <div class="list-item-content-text">
                                    <a th:href="${'/consult_solo/'+essayt.getEssayId()}" th:text="${essayt.getEssaySynopsis()}">
                                    </a>
                                </div>
                                <div class="list-item-info">
                                    <a th:href="${'/zx/'+essayt.getClassifyId()}"><span class="tui-jian" th:text="${essayt.getClassifyT().getClassifyName()}"></span></a>
                                    <!-- <span class="come-on" th:text="${vo.sourceName}"></span> -->
                                    <div class="ping-lun">
                                        <a th:href="${'/consult_solo/'+essayt.getEssayId()}">
                                            <img src="/icon/pinglun.png">
                                            <span th:text="${essayt.getCommentCount()}">
                                            </span>评论
                                        </a>
                                    </div>
                                    <div class="shou-cang">
                                        <a th:href="${'/consult_solo/'+essayt.getEssayId()}">
                                            <img src="/icon/shoucang.png">
                                            <span th:text="${essayt.getCollectCount()}">
                                            </span>收藏
                                        </a>
                                    </div>
                                    <div class="yue-du">
                                        <a th:href="${'/consult_solo/'+essayt.getEssayId()}">
                                            <img src="/icon/yuedu.png">
                                            <span th:text="${essayt.getReadCount()}"></span>阅读
                                        </a>
                                    </div>
                                    <span class="dotted">·</span>
                                    <span class="time-before" th:text="${#dates.format(essayt.getGroundTime(), 'yyyy-MM-dd')}"></span>
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="more-content">
                        <script type="text/javascript">
                            var limit = 10;
                            function zxLoadInfo() {
                                page++;

                                $(".load-more").show();
                                $(".load-more-two").hide();
                                $(".no-data").hide();

                                $.post("/zxSeek?type="+tabType+"&page="+page+"&limit="+limit,function(data){
                                    $(".load-more").hide();
                                    //如果没有数据了就隐藏
                                    if(data.code == 301 || data.code == null){
                                        $(".no-data").show();
                                    }else{
                                        $(".load-more-two").show();
                                        $("#myContentList").append(data.data);
                                    }
                                });
                            }
                        </script>
                        <div class="load-more" style="display:none;">
                            <img src="/img/load-more.gif" alt="有贝口腔网">
                            <span>加载中</span>
                        </div>
                        <div class="load-more-two load-more-fade" onclick="zxLoadInfo()">点击加载更多</div>
                        <div class="no-data" style="display:none;">-- 没有数据啦,我是有底线的哦 --</div>
                    </div>
                </div>

            </div>

            <div class="aside-left">
                <div class="aside-image">
                    <div class="main-publish">
                        <a href="javascript:;" target="_self" onclick="showPlanFun()">
                            <img src="/icon/ad-c.png" alt="有贝口腔网诊所">
                        </a>
                    </div>

                    <div class="main-publish">
                        <a href="javascript:;" target="_self" onclick="showPlanFun()">
                            <img src="/icon/ad-d.png" alt="有贝口腔网厂家">
                        </a>
                    </div>

                    <div class="main-publish">
                        <a href="javascript:;" target="_self" onclick="showPlanFun()">
                            <img src="/icon/ad-e.png" alt="有贝口腔网在线看牙">
                        </a>
                    </div>

                </div>

                <div class="wonderful-top">
                    <div class="wonderful-top-title">专家推荐</div>
                    <div class="wonderful-list">
                        <!--四个-->
                        <div class="wonderful-item" th:each="essayt,userStat:${zxreadEssays}" th:if="${userStat.index<4}">
                            <a th:href="${'/consult_solo/'+essayt.getEssayId()}">
                                <div class="wonderful-item-img"><img
                                        th:src="${essayt.getImgPath()}"
                                        alt="有贝口腔网预防牙周病要做好这些！"></div>
                                <div class="wonderful-item-text" th:text="${essayt.getEssayTitle()}"></div>
                            </a>
                        </div>

                    </div>
                </div>

                <div class="wonderful-top">
                    <div class="wonderful-top-title">大家都在看</div>
                    <!--循环10个大家都在看-->
                    <a th:href="${'/consult_solo/'+essayt.getEssayId()}" th:each="essayt:${zxreadEssays}">
                        <div class="wonderful-item-style">
                            <div class="wonderful-item-icon"><span></span></div>
                            <div class="wonderful-text" th:text="${essayt.getEssayTitle()}"></div>
                        </div>
                    </a>

                </div>

            </div>
        </div>
    </div>

    <!--网页底部-->
    <div th:replace="common/hasbei_bottom"></div>


    <script>
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?4245936cbef31e434e2b387b56dfd7d8";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>

</div>


</body>
</html>